<template>
  <div class="home">
    <!-- 左侧内容 -->
    <div class="left">
      <div class="content" v-for="item in arr" :key="item">
        <div class="title">研学精选</div>
        <div class="main">
          <div class="main_left">
            <img :src="item.cover" alt="">
          </div>
          <div class="main_right">
            <div class="main_right_title">{{item.title}}</div>
            <div class="main_right_data">{{getLocalTime(item.publishTime)}}</div>
            <div class="main_right_name">作者： {{item.baseUser.realname}}</div>
          </div>
        </div>
      </div>
      <!--test-->
    </div>
    <!-- 左侧内容 -->
    <!-- 右侧内容 -->
    <div class="right">
      <h4>项目优选</h4>
      <h5>怀化学院创新创业训练计划项目申报工作的通知（预）</h5>
      <p>各教学单位：</p>
      
      &nbsp;&nbsp;<p>为深为深入贯彻全国教育大会精神，落实《国务院办公厅关于深化高等学校创新创业教育改革的实施意见》（国办发〔2015〕36号），进一步深化高校创新创业教育改革，培养造就创新创业生力军，按照《国家级大学生创新创业训练计划管理办法》（教高函〔2019〕13号），深入推进国家级大学生创新创业训练计划（以下简称“国创计划”）工作，现就2020年项目立项与报送工作的有关事项通知如下：
      <p>一、项目类型</p>
      <p>按照建立国家、地方、高校三级大学生创新创业训练计划实施体系的要求，我校今年以大学生研究性学习与创新性实验项目计划为基础，进一步拓展项目实施范围，具体包括创新训练项目、创业训练项目和创业实践项目三类。
      1.创新训练项目：本科生个人或团队在导师指导下，自主完成创新性研究项目设计、项目实施、研究报告撰写、成果（学术）交流等工作。
      2.创业训练项目：本科生团队在导师指导下，完成商业计划书编制、可行性研究、企业模拟运行、创业报告撰写等工作。
      3.创业实践项目：学生团队在学校和企业导师共同指导下，基于前期创新创业训练项目的成果，开发具有市场前景的创新性产品或者服务，开展创业实践活动。</p>
      <p>二、申报范围</p>
      <p>本计划项目仅针对全校全日制在读本科大学生个人或团队（总人数不超过5人）进行申报，毕业年级学生不得申报。原则上创新训练项目应以大一年级学生为主申报，项目结题时间不超过2年；创业训练项目应以大二年级学生为主，并在以往获批的创新训练项目的基础上申报，项目结题时间不超过1年；创业实践项目应以大三年级学生为主申报，必须具有较好的创意和较为成型的产品原型或服务模型以及完整的商业计划书，项目结题时间不超过毕业日期，鼓励学生团队毕业后继续开展创业活动。</p>
      <p>三、立项计划</p>
      <p>2020年学校计划立项资助160个创新训练项目、60个创业训练项目、20个创业实践项目。学校将从今年立项的校级项目中，遴选不超过1/2的优秀项目参加省级计划。2020年大学生创新创业训练计划项目申报指标分配见附件1（其中创业实践项目未分配指标数，由各教学单位根据实际情况申报）。</p>
      <p>四、项目经费</p>
      <p>项目经费依学校预算另行决定。项目经费由学校代管，由承担项目的学生和项目指导教师使用，用于项目指导、购买资料、试剂、元器件等相关耗材、参加学术会议与调研活动相关的差旅费等。学生使用经费需经项目导师签字同意，报创新创业学院审核，按学校相关财务规定进行报账。</p>
      <p>五、项目申报和审核</p>

      <p>教学单位填写《2020年怀化学院大学生创新创业训练计划项目申报汇总表》（附件2），学生填写《2020年怀化学院大学生创新创业训练计划项目申报书》（附件3），由教学单位按照公开评审程序依据分配名额评审推荐出省级和校级的创新训练项目、创业训练项目。学校将及时组织专家对教学单位报送的校级创新训练项目、创业训练项目和推荐为省级的创新训练项目、创业训练项目项目进行审核，申报项目有以下情况之一的，将不予立项：①与专业学习联系不紧密的；②为教师科研、教研项目，不宜由学生完成的；③申报材料不符合要求的；④已承担过项目，重复申报的；⑤项目参与人超出范围的。同时，学校也将从申报的创业训练项目中，立项20个创业实践项目，遴选不超过1/2的优秀项目参加省级计划。</p>
      <p>六、材料报送</p>

      <p>请各教学单位于请各教学单位于2020年6月15日下午17:00点前将上述附件2、3纸质材料各一份（申报创业实践项目还必须提供完整的商业计划书），连同相应的电子稿报送创新创业学院。联系人：舒鹦姿；邮箱：hhxycxcyxy@126.com，联系电话：0745-2850045。</p>
      <p>七、项目结题</p>
      <p>2016年立项的省、校项目，2017年立项的省级项目及2018年立项的校级项目今年上半年应完成结题，各教学单位要及时组织结题验收工作。对未按时完成的项目，各教学单位应采取措施做好结转工作。</p>
      <p>附件： 1．2020年大学生创新创业训练计划项目申报指标分配
      2．2020年怀化学院大学生创新创业训练计划项目申报汇总表
      3.2020年怀化学院大学生创新创业训练计划项目申报模板
      </p>

    </div>
    <!-- 右侧内容 -->
  </div>
</template>

<script>
import axios from '../../utils/request'

export default {
  // 组件名称
  name: 'demo',
  // 组件参数 接收来自父组件的数据
  props: {},
  // 组件状态值
  data () {
   return {
     arr:[]
   }
  },
  // 计算属性
  computed: {},
  // 侦听器
  watch: {},
  // 组件方法
  methods: {
    //查询所有研学信息
    findAll(){
      //与后台数据交互
      axios.get("/article/pageQuery?page=1&pageSize=15&status=审核通过").then(res=>{
        console.log(res)
        if(res.status == 200){
          this.arr = res.data.list
        }else{
          alert('报错')
        }
      })
    },
    //转时间戳
    getLocalTime(nS){
      return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ');     
    }
  },
  // 以下是生命周期钩子
  /**
  * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
  */
  created () {
    this.findAll()
  },
  /**
  * el 被新创建的 vm.$ el 替换，并挂载到实例上去之后调用该钩子。
  * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.$ el 也在文档内。
  */
  mounted () {
  },
  /**
  * 实例销毁之前调用。在这一步，实例仍然完全可用。
  */
  beforeDestroy () {
  },
  /**
  * Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，
  * 所有的事件监听器会被移除，所有的子实例也会被销毁。
  */
  destroyed () {
  }
}

</script>

<style>
  .home{
    min-height: 1000px;
    background-color: #f3f3f9;
    margin: -0.5em;
    padding: 0.5em;
    overflow: auto;
  }
  .home .left{
    width: 72%;
    min-height: 1000px;
    float: left;
    background-color: #f3f3f9;
  }
  .home .right{
    width: 27%;
    min-height: 1000px;
    float: right;
    background-color: #fff;
  }
  .home .right h4,h5,p{
    margin: 12px;
    color: #666;
  }
  .home .right p{
    font-size: 14px;
  }
  .home .left .content{
    height: 163px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 1em;
    padding: 1em;
    cursor: pointer;
  }
  .home .left .content .title{
    font-size: 16px;
    font-weight: 700;
    color: #666;
  }
  .main{
    margin: 9px;
  }
  .home .left .content .main .main_left{
    width: 20%;
    height: 100px;
    float: left;
  }
  .home .left .content .main .main_left img{
    width: 100%;
    height: 100%;
  }
  .home .left .content .main .main_right{
    width: 79%;
    height: 100px;
    float: right;
    font-size: 14px;
    color: #666;
  }
  .main_right_title{
    font-weight: 600;
  }
  .main_right_data{
    margin-top: 5px;
  }
  .main_right_name{
    margin-top: 20px;
  }
</style>



